<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="./js/flex.js"></script>
  <link rel="stylesheet" href="./js/layui/css/layui.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/style.css">
</head>
<body>
  <div class="locking-box pr">
    <div class="return-box">
      <a href="javascript:;" class="title top-return-btn"><img src="images/re-bg.png" class="r-icon" />毛概每日刷题</a>
    </div>
    <img src="images/locking.jpg" class="locking"/>
    <div class="item item-31 lock">
      <div class="i-box">31</div>
    </div>
    <div class="item item-30 lock">
      <div class="i-box">30</div>
    </div>
    <div class="item item-29 lock">
      <div class="i-box">29</div>
    </div>
    <div class="item item-28 lock">
      <div class="i-box">28</div>
    </div>
    <div class="item item-27 lock">
      <div class="i-box">27</div>
    </div>
    <div class="item item-26 lock">
      <div class="i-box">26</div>
    </div>
    <div class="item item-25 lock">
      <div class="i-box">25</div>
    </div>
    <div class="item item-24 lock">
      <div class="i-box">24</div>
    </div>
    <div class="item item-23 lock">
      <div class="i-box">23</div>
    </div>
    <div class="item item-22 lock">
      <div class="i-box">22</div>
    </div>
    <div class="item item-21 lock">
      <div class="i-box">21</div>
    </div>
    <div class="item item-20 lock">
      <div class="i-box">20</div>
    </div>
    <div class="item item-19 go">
      <div class="i-box">
        19
      </div>
      <img src="images/user.png" class="userIcon">
      <img src="images/pos.png" class="pos">
    </div>
    <div class="item item-18">
      <div class="i-box">18</div>
    </div>
    <div class="item item-17">
      <div class="i-box">17</div>
    </div>
    <div class="item item-16">
      <div class="i-box">16</div>
    </div>
    <div class="item item-15">
      <div class="i-box pr">
        15
      </div>
    </div>
    <div class="item item-14">
      <div class="i-box pr">
        14
      </div>
    </div>
    <div class="item item-13">
      <div class="i-box pr">
        13
      </div>
    </div>
    <div class="item item-12">
      <div class="i-box pr">
        12
      </div>
    </div>
    <div class="item item-11">
      <div class="i-box pr">
        11
      </div>
    </div>
    <div class="item item-10">
      <div class="i-box pr">
        10
      </div>
    </div>
    <div class="item item-9">
      <div class="i-box pr">
        9
      </div>
    </div>
    <div class="item item-8">
      <div class="i-box pr">
        8
      </div>
    </div>
    <div class="item item-7">
      <div class="i-box pr">
        7
      </div>
    </div>
    <div class="item item-6">
      <div class="i-box pr">
        6
      </div>
    </div>
    <div class="item item-5">
      <div class="i-box pr">
        5
      </div>
    </div>
    <div class="item item-4">
      <div class="i-box pr">
        4
      </div>
    </div>
    <div class="item item-3">
      <div class="i-box pr">
        3
      </div>
    </div>
    <div class="item item-2">
      <div class="i-box pr">
        2
      </div>
    </div>
    <div class="item item-1">
      <div class="i-box pr">
        1
      </div>
    </div>
  </div>
  <script src="/js/jquery.js"></script>
  <script>
    setTimeout(function(){
      $("html,body").animate({scrollTop: 0}, 1);
      var $top = $('.item.go').offset().top;
      $("html,body").animate({scrollTop: $top}, 800);
    },100)
  </script>
</body>
</html>